<!DOCTYPE HTML>
<html class="reftest-wait">
<!-- Test: Create video, load, play. Add poster frame, load again, poster should show. -->
<script>
function runTest() {
  var v = document.createElement('video');
  
  var endTest = function() {
    setTimeout(function(){document.documentElement.className = '';}, 0);
  };
  
  var play = 
    function() {
      v.removeEventListener('loadeddata', play, false);
      v.play();
    }

  var addPoster = function() {
    v.removeEventListener('playing', addPoster,false);
    v.poster = "blue140x100.png";
    v.addEventListener('loadeddata', endTest, false);
    v.load();
  };

  v.addEventListener('loadeddata',
                     play,
                     false);
  v.addEventListener('playing',
                     addPoster,
                     false);
  v.id = 'v';
  v.src = "black140x100.webm";
  v.preload = "auto";
  document.body.appendChild(v);
}

</script>
<body style="background:white;" onload="runTest();">
</body>
</html>
